
$(function () {

    // 默认显示 第一页内容
    setPage(1);
    
})


    async function setPage(page) {

      const urlObj = getUrlValObj();

      let line = 8;

      let res = await myPromiseAjax({
        url: '../server/goods_list.php',
        type: 'get',
        data: {
          cat_one_id: urlObj.cat_one_id,
          line: line,
          page: page,
        },
      });
      res = JSON.parse(res);
      console.log(res);
      let str = '';

      res.data.forEach(item => {
        str += `
        <li class="list-item">
    <div class="panel-footer">
      <div class="row">
        <div class="">
          <div class="thumbnail">
            <img
              src="${item.goods_big_logo}"
              alt="...">
            <div class="caption">
              <h3>${item.goods_name}</h3>
              <p>
                <i class="glyphicon glyphicon-yen"></i>
                <span class="price">￥${item.goods_price}</span><span class="xuan">多款可选</span>
              </p>
              <p><a href="javascript:;" class="btn btn-primary" role="button">查找相似商品</a> <a href="./detail.html?goods_id=${item.goods_id}"
                  class="btn btn-danger" role="button">查看商品详情</a></p>
                  <p class="pingjia">2449人评价&ensp;98%好评</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</li>
        `;

        $('.container ul').html(str);

      })
      $('[name="p"]').pagination({
        pageCount: res.sumPage,             //  总页数
        totalData: res.row,                  //  数据总数量
        current: page,                      //  当前第几页
        showData: res.line,                  //  每页数据数量
        prevCls: 'prev',                    //  上一页 class 类名
        nextCls: 'next',                    //  下一页 class 类名
        prevContent: '上一页',              //  上一页 内容
        nextContent: '下一页',              //  下一页 内容
        activeCls: 'active',                //  选中页 class 类名
        mode: 'fixed',                      //  分页器插件显示状态 fixed固定模式 unfixed不固定模式
        count: 2,                           //  除了选中页 其他分页按钮的个数 也就是 页数总按钮 是 设置的数值 + 1 
        coping: true,                       //  true开启首页末页  false关闭首页末页
        homePage: '首页',                   //  首页节点内容
        endPage: '末页',                    //  末页节点内容
        isHide: true,                       //  总页数为 0 或者 1 时 隐藏分页控件
        keepShowPN: false,                  //  是否一直显示 上一页 下一页 只有显示模式设定为 unfixed 才能执行
        jump: true,                         //  开启 跳转页
        callback: function (result) {        //  回调函数 点击分页器按钮 执行页面跳转触发 回调函数的形参存储 分页器按钮的数据信息

            //  再次调用函数 根据触发的分页器按钮页数 发送请求
            setPage(result.getCurrent());

        }
    });

    $('[name="cart"]').click(() => {
      const cookieObj = myGetCookie();
      console.log(cookieObj);
      if (cookieObj.login === undefined) {
          if (window.confirm('您还未登录 点击确定 跳转登录页')) {
              window.location.href = './login.html';
          }
      } else {
          window.location.href = './cart.html';
      }
  })
  
  

    }


